<template>
	<view class="bigView">
		<view class="topView">
			<view class="title">瑞幸错过了杀死库迪的最好时机</view>
			<view class="subTitle">2024-07-12 由小胡发布</view>
			<div v-html="htmlValue" style="margin-top: 20px;margin-left: 12px;"></div>
		</view>
		<view class="bottomView" :style="[{height:bottom + 'px'}]">
			<view class="sure" @click="sureHandle">我已知晓</view>
		</view>
	</view>
</template>

<script>
	export default{
		components:{
			
		},
		data(){
			return {
				bottom:0,
				indexList:[1,2,3,4,5,6,7,8,9,10],
				htmlValue:''
			}
		},
		mounted() {
			uni.getSystemInfo({success: (e) => {
				// this.StatusBar = e.statusBarHeight;
				let custom = wx.getMenuButtonBoundingClientRect();
				this.bottom = custom.bottom;
				// this.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
				// this.TopHeight = this.CustomBar+100;//this.StatusBar+this.CustomBar;
			}})
		},
		methods:{
			scrolltolower() {
				// this.loadmore()
			},
			sureHandle(){
				uni.navigateBack()
			}
		},
		onReady() {
			
		}
	}
</script>

<style lang="scss" scoped>
.bigView{
	width: 100vw;
	height: 100vh;
	background-color: #F7F7F7;
	display: flex;
	flex-direction: column;
	// align-items: center;
	// justify-content: center;
}
.topView{
	flex-grow: 1;
	// width: 100vw;
	// background-color: green;
	display: flex;
	flex-direction: column;
	width: 100vw;
	// justify-content: center;
	.title{
		font-size: 20px;
		color: #000000;
		margin-top: 24px;
		margin-left: 16px;
	}
	.subTitle{
		font-size: 12px;
		color: #7E7E7E;
		margin-top: 8px;
		margin-left: 16px;
	}
}
.clockItem{
	width: calc(100vw - 32px);
	margin-left: 16px;
	height: 96px;
	border-radius: 12;
	background-color: white;
	display: flex;
	flex-direction: row;
	margin-top: 12px;
}
.leftIcon{
	width: 36px;
	height: 36px;
	margin-left: 20px;
	margin-top: 24px;
}
.rightView{
	flex-grow: 1;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	// background-color: red;
	margin-left: 12px;
	.rightTitle{
		color: #11C770;
		font-size: 16px;
	}
	.rightSubTitle{
		color: #585858;
		font-size: 14px;
		margin-top: 6px;
	}
}

.bottomView{
	height: 150px;
	width: 100vw;
	// background-color: yellow;
	display: flex;
	justify-content: center;
	.sure{
		width: calc(100vw - 32px);//calc(100vw-#{32px});
		height: 48px;
		border-radius: 24px;
		background-color: #247BFD;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
	}
}
</style>